﻿
@{
    ViewBag.Title = "SRequest";
    Layout = "~/Views/Layout/StaffManageLayout.cshtml";
}

<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script src="~/Scripts/Js/popover.js"></script>
<h2>Welcome Staff Site!</h2>
<div class="tabs">
    <ul class="nav">
        <li class="selected"><a href="#Flight">Carrier</a></li>
        <li><a href="#Hotel">Request</a></li>
        <li class="end"><a href="#Rental">Booking Flight</a></li>
    </ul>
    <div class="content">
        <div class="tab-content" id="Flight">
            <form id="form_1" method="post">
                <div>
                    <select>
                        <option value="select">-----Select-----</option>
                        <option value="VietnamAirline">VietnamAirline</option>
                        <option value="Jetstar">Jetstar</option>
                        <option value="VietJetAir">VietJetAir</option>
                    </select>
                    <br/>
                    <br/>
                            @*Options:
                    <ul>
                        <li><a href="#Add">Add new carrier</a></li>
                        <li><a href="#Update">Update a carrier</a></li>
                        <li><a href="#Activate">Acti/De-Acti</a></li>
                    </ul>*@
                </div>
                @*<div class="row">
                    <span style="width: 100px" class="left">ID:</span>
                    <input type="text" /><br/>
                    <span style="width: 100px" class="left">Name:</span>
                    <input type="text" /><br/>
                    <span style="width: 100px" class="left">Description:</span>
                    <input type="text" /><br/>
                    <span style="width: 100px" class="left">Start-Date:</span>
                    <input type="text" /><br/>
                    <span style="width: 100px" class="left">End-Date:</span>
                    <input type="text" /><br/>
                </div>*@
                <div class="row">
                    <span style="width: 100px" class="left">Name:</span>
                    <textarea readonly rows="1">VietnamAirline</textarea><br />
                    <span style="width: 100px" class="left">Description:</span>
                    <textarea readonly rows="1">ABCxyz</textarea><br />
                    <span style="width: 100px" class="left">Start-Date:</span>
                    <textarea readonly rows="1">--/--/--</textarea><br />
                    <span style="width: 100px" class="left">End-Date:</span>
                    <textarea readonly rows="1">--/--/--</textarea><br />
                    <span style="width: 100px" class="left">Status:</span>
                    <input type="checkbox" />Active<br />
                    <span class="left"><a href="#" class="button1">Done</a></span>
                </div>
            </form>       
        </div>
        <div class="tab-content" id="Hotel">
            <form id="form_2" method="post">
                <div>
                    
                    <div class="row">
                        <a href="#" id="show-popup"><span class="left">DucHM requested question!</span></a>
                        <input type="checkbox" />Display  
                         
                    </div>
                    <div class="row">
                        <a href="#" id="show-popup"><span class="left">AnhLt requested question!</span></a>
                        <input type="checkbox" />Display
                    </div>
                    <div class="row">
                        <a href="#" id="show-popup"><span class="left">DatLT requested question!</span></a>
                        <input type="checkbox" />Display
                    </div>
                    <div class="wrapper">

                        <a href="#" class="link1">More Options</a>
                    </div>
                </div>
            </form>
        </div>
        <div class="tab-content" id="Rental">
            <form id="form_3" method="post">
                <div>
                    <br />
                    @*temp*@
                    <table class="CusBooking">
                              <tr>
                                  <td width="70px">
                                      <strong>Ticket ID</strong>
                                  </td>
                                  <td>
                                      <input type="text" class="input" placeholder="Ticket ID" />
                                  </td>
                                  <td>
                                      <span class="right relative"><a href="#" class="button1" id="demo-button" onclick="document.getElementById('form_3').submit()"><strong>Search</strong></a></span>
                                  </td>
                              </tr>
                              
                          </table>
                          <br />
                        <hr />
                    <br />
                        @*here*@
                    <span class="left"><a href="#" class="button1" id="demo-button-1" onclick="document.getElementById('form_3').submit()"><strong>Delete</strong></a></span>
                    <span class="left"><a href="@Url.Action("MemberHome","Member")" class="button1" id="demo-button-1" ><strong>Update</strong></a></span>
                    @*temp*@
                    <br />

                    <br />
                </div>
            </form>
        </div>
    </div>

    <div id="popup-bg"></div>
    <div id="popup">
        <div id="popup-header">Customer Request<span id="popup-close" title="Close">x</span></div>
        <div id="popup-content">
            <table>
                <tr>
                    <td width="35%">
                        Question of DucHM
                    </td>
                    <td>
                        <textarea cols="1" rows="1" style="height: 100px; width: 500px;">
                            This is my question This is my question This is my question
                            This is my question This is my question This is my question This is my question
                            This is my question This is my question This is my question This is my question
                        </textarea>
                    </td>
                </tr>
                <tr>
                    <td>Answer</td>
                    <td>
                        <textarea cols="1" rows="1" style="height: 100px; width: 500px;"></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="wrapper">
                            <span class="left"><a href="#" class="button1" onclick="document.getElementById('form_3').submit()"><strong>Send</strong></a></span>
                        </div>
                    </td>
                </tr>
            </table>

            
        </div>
    </div>

    @*myshowpop up 2*@
    
    @*my show popup 2*@


</div>
    